<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>iframe-123456789</title>
</head>
<style>
    body{
        margin: 20px 100px;
        transform: scale(1.1, 1.2);
        transform-origin: left top;
    }
    iframe{
        width: 1200px;
        height: 500px;
        border: none;
    }
</style>
<body>
    <iframe id="playerDemo" src="./demo.html" allowFullScreen onLoad="onload"></iframe>

    <script>
        onload=(e)=>{
            let frame = document.getElementById("playerDemo");
            let rect = frame.getBoundingClientRect();
            frame.contentWindow.postMessage({
                type: "imosplayer",
                // 当前网页的title
                title: document.title,
                // iframe左边偏移量， 除去缩放比例（没缩放是除1，就是原值）
                left: 100 / 1.1,
                // iframe上方偏移量， 除去缩放比例（没缩放是除1，就是原值）
                top: 20 / 1.2,
                // css缩放比例
                scale: [1.1, 1.2],

                // 国产电脑计算坐标的参数
                // windowParams: {
                //     innerHeight: window.innerHeight,
                //     innerWidth: window.innerWidth,
                //     outerHeight: window.outerHeight,
                //     outerWidth: window.outerWidth
                // },
            }, "*");
        }
    </script>
</body>
</html>
